<template>
  <div id="app">
    <router-view></router-view>
  </div>
</template>

<script>
export default {
  created() {
    this.handleResize();
    window.addEventListener("resize", this.handleResize);
  },

  data(){
    return{
      isRouterAlive:true
    }
  },
  methods: {
    handleResize(event) {
      const fullWidth = document.documentElement.clientWidth;
      if (fullWidth > 768) {
        this.$store.state.isPhone = false;
        this.$store.state.navOpen = true;
      } else {
        this.$store.state.isPhone = true;
        this.$store.state.navOpen = false;
      }
    },
  }
};
</script>


<style lang="scss">
@import url("./assets/css/element-ui.css");
@import url("./assets/css/public.css");
@import url("./assets/fonts/icon.css");

* {
  padding: 0;
  margin: 0;
}

body {
  background-color: #f6f8f9;
  overflow: hidden;
  padding: 0 !important;
}

@media screen and (max-width: 768px) {
  .el-message-box {
    width: 80% !important;
  }
  .el-dialog {
    width: 80% !important;
  }
  .el-dialog .el-form-item__label {
    display: none !important;
  }
  .el-dialog .el-form-item__content {
    margin-left: 0 !important;
  }
}

// .theme-color:{
// 	// color: $color-primary;
// }
.page {
  text-align: right;
  margin-top: 20px;
}
</style>
